.holes-total {
	display: flex;
	flex-direction: column;

	.title {
		display: flex;
		padding: 0 2rem 1rem 0;

		.text {
			flex: 1;
			color: var(--color-text-0);
			font-size: var(--text-lg);
		}

		.num {
			flex: 1;
			color: var(--color-error);
			font-size: 1.5rem;
			font-size: var(--text-xxl);
			text-align: right;
		}
	}
	.content {
		flex: 1;
		display: flex;

		.left {
			flex: 1;
		}

		.right {
			width: 8rem;

			.text {
				display: flex;
				justify-content: flex-end;
				align-items: center;
				font-size: var(--text-sm);
				padding: 0.75rem 2rem 0.5rem 0;

				.circle {
					width: 0.5rem;
					height: 0.5rem;
					border-radius: 0.25rem;
					margin-right: 0.25rem;
				}
			}

			.num {
				padding-right: 2rem;
				text-align: right;
				font-size: calc(var(--text-xl) + 2px);
				color: #2A2B31;
			}
		}
	}
}
